<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h2>
        首先我们的js能够改变HTML元素
    </h2>
    <h1>
        getElementById()是最多的一个js-HTML·方法之一。 
    </h1>
    <h3>
        下面我们进行实例测试，我们用'div'标签，并给他添加上id:(cs)作为用来查找的依据
    </h3>
    <div id="cs">
        这里是HTML
    </div>
       <button type="button" onclick='document.getElementById("cs").innerHTML = "此时通过给button绑定点击事件进行了js实例，我们可以查看源码进行分析" '>点击试试</button>
   <script>
       alert("请谨慎");
       var a=12;
    /*
      首先声明一个变量a  没有赋值 (默认是undefined)
      在当前作用域中开辟一个位置存储12 这个值
      让变量a和12关联在一起(定义：赋值)
    */
    var b=a;
    b=16;
    console.log(b);

    var ary1=[12,23];
    var ary2=ary1;
    ary1.push(100);
    console.log(ary1);
    我改我改改改
   </script>
</body>
</html>